<!doctype html>
<html>
	<head>
		<meta name="layout" content="main2"/>
		<title>Welcome to Grails</title>
		<style type="text/css" media="screen">
                
                      
                        table {
                          border-top: 1px solid #DFDFDF;
                          border-collapse: collapse;
                          width: 68%;
                          float:right;
                          margin-bottom: 1em;
                         }
                        
			#status {
				background-color: #eee;
				border: .2em solid #fff;
				margin: 2em 2em 1em;
				padding: 1em;
				width: 12em;
				float: left;
				-moz-box-shadow: 0px 0px 1.25em #ccc;
				-webkit-box-shadow: 0px 0px 1.25em #ccc;
				box-shadow: 0px 0px 1.25em #ccc;
				-moz-border-radius: 0.6em;
				-webkit-border-radius: 0.6em;
				border-radius: 0.6em;
			}

			.ie6 #status {
				display: inline; /* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
			}

			#status ul {
				font-size: 0.9em;
				list-style-type: none;
				margin-bottom: 0.6em;
				padding: 0;
			}
            
			#status li {
				line-height: 1.3;
			}
                        
                        #status a:link, a:visited {
                            color: #594f2b;
                        }
                        #status a:hover{
                          color: #594f2b;
                          //font-weight:bold;
                        }
                        
      

			#status h1 {
				text-transform: uppercase;
				font-size: 1.1em;
				margin: 0 0 0.3em;
			}
                        
                      
                        }
                        .invertedshiftdown2{
                            //padding: 0;
                            padding:2em;
                            width: 100%;
                            //border-top: 5px solid #D10000; /*Highlight red color theme*/
                            background: transparent;
                            voice-family: "\"}\"";
                            voice-family: inherit;
                            }

                            .invertedshiftdown2 ul{
                            margin:0;
                            margin-left: 30px; /*margin between first menu item and left browser edge*/
                            padding: 0;
                            list-style: none;
                            }

                            .invertedshiftdown2 li{
                            //display: inline;
                            margin: 0 2px 0 0;
                            padding: 0;
                            //text-transform:uppercase;
                            }

                            .invertedshiftdown2 a{
                            float: left;
                            display: block;
                            font: 12px "HelveticaNeue-Light";
                            color: black;
                            text-decoration: none;
                            margin: 0 1px 0 0; /*Margin between each menu item*/
                            padding: 5px 10px 5px 10px; /*Padding within each menu item*/
                            background-color: lightblue; /*Default menu color*/
                            border-bottom: 4px solid white;
                            }

                            .invertedshiftdown2 a:hover{
                            background-color: #beae78; /*Highlight red color theme*/
                            padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
                            padding-bottom: 0; /*Set padding-bottom value to 0 */
                            border-bottom-color: lightblue; /*Highlight red color theme*/
                            color: white;
                            }

                            .invertedshiftdown2 .current a{ /** currently selected menu item **/
                            background-color: #beae78; /*Highlight red color theme*/
                            padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
                            padding-bottom: 0; /*Set padding-bottom value to 0 */
                            border-bottom-color: lightblue; /*Highlight red color theme*/
                            color: black;
                            }

                            #myform{ /*CSS for sample search box. Remove if desired */
                            float: right;
                            margin: 0;
                            margin-top: 2px;
                            padding: 0;
                            }

                            #myform .textinput{
                            width: 190px;
                            border: 1px solid gray;
                            }

                            #myform .submit{
                            font: normal 12px Verdana;
                            height: 22px;
                            border: 1px solid #D10000;
                            background-color: black;
                            color: white;
                            }}

			#page-body {
				margin: 2em 1em 1.25em 18em;
			}
                        
//                        // #page-body button {
//                            background-color: #efefef;
//                            overflow: hidden;
//                            padding: 0.3em;
//                            -moz-box-shadow: 0 0 3px 1px #aaaaaa;
//                            -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
//                            box-shadow: 0 0 3px 1px #aaaaaa;
//                            margin: 0.1em 0 0 0;
//                            border: none;
//                            font-size: .8em;
//                        }
//                        #page-body buttonCurrent {
//                            background-color: #cfc39b;
//                            overflow: hidden;
//                            padding: 0.3em;
//                            -moz-box-shadow: 0 0 3px 1px #aaaaaa;
//                            -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
//                            box-shadow: 0 0 3px 1px #aaaaaa;
//                            margin: 0.1em 0 0 0;
//                            border: none;
//                            font-size: .8em;
//                        } -->
                        #page-body a:link, a:visited {
                            color: #000000;
                        }
                        #page-body a:hover{
                          color: #000000;
                          //font-weight:bold;
                        }
                        

			h2 {
				margin-top: 1em;
				margin-bottom: 0.3em;
				font-size: 1em;
			}

			p {
				line-height: 1.5;
				margin: 0.25em 0;
			}

			#controller-list ul {
				list-style-position: inside;
			}

			#controller-list li {
				line-height: 1.3;
				list-style-position: inside;
				margin: 0.25em 0;
			}

			@media screen and (max-width: 480px) {
				#status {
					display: none;
				}

				#page-body {
					margin: 0 1em 1em;
				}

				#page-body h1 {
					margin-top: 0;
				}
			}
		</style>
	</head>
	<body>
		<a href="#page-body" class="skip"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div id="status" role="complementary">
			<h1>Seed Selections</h1>
			<ul>
				<!-- <li><a href ="http://localhost:9090/BloomersSeeds2340/seedRegistration/create">Register Seeds</a></li><!-- App version: <g:meta name="app.version"/></li> -->
                                <li>Search Seeds</li>
                                <li>Seed Information</li>
                                <li>Seeds in Your Area</li>
                                <li>About Bloomers Seeds</li>
                                <li>FAQ</li>
                                <li>Contact Us</li>
                                <li>Order Status</li>
			<!--	<li>Grails version: <g:meta name="app.grails.version"/></li>
				<li>Groovy version: ${org.codehaus.groovy.runtime.InvokerHelper.getVersion()}</li>
				<li>JVM version: ${System.getProperty('java.version')}</li>
				<li>Reloading active: ${grails.util.Environment.reloadingAgentEnabled}</li>
				<li>Controllers: ${grailsApplication.controllerClasses.size()}</li>
				<li>Domains: ${grailsApplication.domainClasses.size()}</li>
				<li>Services: ${grailsApplication.serviceClasses.size()}</li>
				<li>Tag Libraries: ${grailsApplication.tagLibClasses.size()}</li> 
                        -->
			</ul>
                        <!--
			<h1>Installed Plugins</h1>
			<ul>
				<g:each var="plugin" in="${applicationContext.getBean('pluginManager').allPlugins}">
					<li>${plugin.name} - ${plugin.version}</li>
				</g:each>
			</ul>
                        -->
		</div>
		 <div id="page-body" role="main">
                    <div class="invertedshiftdown2">
                        <ul>
                        <li ><a href="http://localhost:9090/Bloomers/userHome/userHome" title="Home">Account Home</a></li>
                        <li class="current"><a href="http://localhost:9090/Bloomers/seedzRegistration/index" title="Register Seeds">Register New Seed</a></li>
                        <li><a href="" title="Revised">Current Orders</a></li>
                        <li><a href="" title="Tools">Previous Orders</a></li>	
                        <li><a href="http://localhost:9090/Bloomers/registeredSeeds/index" title="CSS">Registered Seeds</a></li>
                        <li><a href="" title="DHTML Forums">Account Settings</a></li>
                        </ul>

                       <!-- <form id="myform">
                        <input type="text" class="textinput" /> <input class="submit" type="submit" value="Find" />
                        </form> -->
                     </div>
  
  
                   <h1> New Seed Registration </h1>
                     <g:if test="${flash.message}">
                        <div class="message">${flash.message}</div>
                      </g:if>                                    
                                                        
                                                        
                                                        
                                                        
                    
                        <!-- <div class="body"> -->
        <g:form action="saveSeed" method="post">
            <div class="dialog">
        
                <table>
                  <tbody>  
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='seedName'>Seed Name:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="seedName"/>                    
                        </td>
                  </tr>
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='annual'>Annual:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:select name="annual" value="annual" from="${['Annual', 'Biannual', 'Perennial']}" />                  
                        </td>
                  </tr>
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='genus'>Genus:</label>
                      </td>
                      <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="genus"/>
                      </td>
                  </tr>
                   <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='species'>Species:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="species"/>                   
                        </td>
                  </tr>
                   <!-- <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='seedName'>Seed Name:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="seedName"/>                    
                        </td>
                  </tr> -->
                     <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='variety'>Variety:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="variety"/>                 
                        </td>
                  </tr>
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='forma'>Forma:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="forma"/>                    
                        </td>
                  </tr> 
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for='hardi'>Hardiness Zone:</label>
                        </td>
                       <td valign='top' style='text-align:left;' width='80%'>
                          <g:select name="hardiness" value="hardiness" from="${['0', '1', '2','3', '4', '5','6', '7', '8','9', '10', '11','12']}" />                 
                        </td>
                  </tr>                               
                          </tbody>
                </table> 
        </div>                                        
                       
              
          <table>
            <tr>
              <td>                                
             <div class="buttons">
                     <span class="button">
                        <input type="submit" value="Register Seeds"  />
                     </span>
              </div>                             
              </td>  
              <td>
                <a href="http://localhost:9090/Bloomers/userHome/userHome">Cancel</a>                               
              </td>                                  
            </tr>
          </table>                                    
            </g:form> 
       <!-- </div> -->
                                                   
                                                      </div>
  
  
  
  
  
  <!--
                   
                   <div class='button'>Account Home</div>
                   <button>Register Seeds</button>
                   <div class='button'>Current Orders</button></div>
                   <button>Previous Orders</button>
                   <button>Registered Seeds</button>
                   <button>Settings</button>  -->
                   
                   
                      
                      <!--
			<h1>Welcome to Bloomers Seeds</h1>
			<p>Bloomers Seeds allows plant growers from around the country to come together and swap
                        seeds. It is free to register, and most seeds include free shipping or local pick up.</p>
                        <img src="${resource(dir: 'images', file: 'searchBox.png')}" alt="search"/>

			 <div id="controller-list" role="navigation">
				<h2>Available Controllers:</h2>
				<ul>
					<g:each var="c" in="${grailsApplication.controllerClasses.sort { it.fullName } }">
						<li class="controller"><g:link controller="${c.logicalPropertyName}">${c.fullName}</g:link></li>
					</g:each>
				</ul>
			</div> 
                      -->
		  
                
                       
                        
                        
	</body>
</html>
